{extend name='base_user'} 
{block name='content'}
<script type="text/javascript" src="__CQZ__/webuploader/webuploader.js"></script>
	<div class="page-block">
		<div id="upload">
			<div id="list"></div>
			<div>
				<div id="picker">001</div>
				<div id="btnContainer">001</div>
			</div>
		</div>
	</div>
<script type="text/javascript">
$list=$('#list');
// 初始化Web Uploader
var uploader = WebUploader.create({

    // 选完文件后，是否自动上传。
    auto: true,

    // swf文件路径
    swf: "__CQZ__/webuploader/upload.swf",

    // 文件接收服务端。
    server: "{:url('upload')}",

    // 选择文件的按钮。可选。
    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
    pick: '#picker',

    // 只允许选择图片文件。
    accept: {
        title: 'Images',
        extensions: 'gif,jpg,jpeg,bmp,png',
        mimeTypes: 'image/*'
    }
});
// 文件上传成功，给item添加成功class, 用样式标记上传成功。
uploader.on( 'uploadSuccess', function(file,response) {
	$li='<div class="item">'+
	'<img src="'+
	response.url
	+'" />'
	'</div>';
	$list.append($li);
	console.log(response);
	
    $( '#'+file.id ).addClass('upload-state-done');
});

// 文件上传失败，显示上传出错。
uploader.on( 'uploadError', function(file,response) {
    var $li = $( '#'+file.id ),
        $error = $li.find('div.error');

    // 避免重复创建
    if ( !$error.length ) {
        $error = $('<div class="error"></div>').appendTo( $li );
    }

    $error.text('上传失败');
}); 
</script>
{/block}